﻿<!DOCTYPE html>
<html>
<head>
    <meta name="viewport" id="viewport" content="width=device-width, minimum-scale=1, maximum-scale=1, initial-scale=1.0,user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="format-detection" content="telephone=yes" />
    <meta name="msapplication-tap-highlight" content="no" />
    <meta charset="utf-8">
    <title>首页</title>
    <link href="../../css/css.css" rel="stylesheet" type="text/css" />
    <script src="../../js/common/jquery-2.1.4.min.js" type="text/javascript"></script>
    <script src="../../js/common/jquery.touchslider.min.js" type="text/javascript"> </script>
    <script src="../../js/common/jquery.lazyload.min.js" type="text/javascript"></script>
    <script src="../../js/common/iscroll.js" type="text/javascript"></script>
    <script src="../../js/home/index.js" type="text/javascript"> </script>

    <style type="text/css">
        /* Styled scrollbars */

        .iScrollHorizontalScrollbar {
            position: absolute;
            z-index: 9999;
            height: 0.3rem;
            left: 2px;
            right: 2px;
            bottom: -2px;
            overflow: hidden;
        }

            .iScrollHorizontalScrollbar.iScrollBothScrollbars {
                right: 18px;
            }



        .iScrollIndicator {
            position: absolute;
            background: #F18200;
            border-width: thin;
            border-style: none;
        }

        .iScrollHorizontalScrollbar .iScrollIndicator {
            height: 100%;
            background: -moz-linear-gradient(left, #F18200 0%, #F18200 100%);
            background: -webkit-linear-gradient(left, #F18200 0%,#F18200 100%);
            background: -o-linear-gradient(left, #F18200 0%,#F18200 100%);
            background: -ms-linear-gradient(left, #F18200 0%,#F18200 100%);
            background: linear-gradient(to right, #F18200 0%,#F18200 100%);
        }


        #wrapper {
            position: absolute;
            z-index: 1;
            left: 0;
            background-color: #fff;
            width: 100%;
            overflow: hidden;
        }

        #scroller {
            position: absolute;
            z-index: 1;
            -webkit-tap-highlight-color: rgba(0,0,0,0);
            width: 1000px;
            -webkit-transform: translateZ(0);
            -moz-transform: translateZ(0);
            -ms-transform: translateZ(0);
            -o-transform: translateZ(0);
            transform: translateZ(0);
            -webkit-touch-callout: none;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            -webkit-text-size-adjust: none;
            -moz-text-size-adjust: none;
            -ms-text-size-adjust: none;
            -o-text-size-adjust: none;
            text-size-adjust: none;
        }
    </style>
</head>

<body>
    <div class="headbg">
        <div class="header scale">
            <a href="javascript:void(0);" class="home">
                <span class="sys"><img class="lazy" data-original="../../images/sys.png"><br />扫一扫</span>
            </a>
            <div class="logo"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/logo.png"></a></div>
            <a href="javascript:void(0);" class="back">
                <p class="hquan"></p>
                <span class="xiaox"><img class="lazy" data-original="../../images/xiaox.png"><br />消息</span>
            </a>
        </div>
        <div class="syssk">
            <a href="javascript:void(0);" class="sskny">
                <p>搜索您喜欢的店铺/商品</p>
                <span><img class="lazy" data-original="../../images/ssan.png"></span>
            </a>
        </div>
    </div>
    <!----------------内容开始---------------------------->
    <div class="main">

        <!----------------轮播广告--------------------- ------->
        <div class="banner">
            <div class="touchslider" id="touchslider">
                <div class="touchslider-viewport" id="touchslider-viewport">
                    <div name="touchslider-item" class="touchslider-item"><a href="topic/739.html"><img src="../../images/banner1.jpg" /></a></div>
                    <div name="touchslider-item" class="touchslider-item"><a href="topic/730.html"><img src="../../images/banner1.jpg" /></a></div>
                    <div name="touchslider-item" class="touchslider-item"><a href="topic/725.html"><img src="../../images/banner1.jpg" /></a></div>
                    <div name="touchslider-item" class="touchslider-item"><a href="topic/733.html"><img src="../../images/banner1.jpg" /></a></div>
                    <div name="touchslider-item" class="touchslider-item"><a href="topic/731.html"><img src="../../images/banner1.jpg" /></a></div>
                    <div name="touchslider-item" class="touchslider-item"><a href="topic/732.html"><img src="../../images/banner1.jpg" /></a></div>
                </div>
                <div class="touchslider-navtag">
                    <span class="touchslider-nav-item touchslider-nav-item-current"></span>
                    <span class="touchslider-nav-item "></span>
                    <span class="touchslider-nav-item "></span>
                    <span class="touchslider-nav-item "></span>
                    <span class="touchslider-nav-item "></span>
                    <span class="touchslider-nav-item "></span>
                </div>
            </div>

        </div>
        <div class="clear"></div>
        <!----------------首页导航---------------------------->
        <div class="navbg mbtopbottom">
            <ul class="nav">
                <li><a href="javascript:void(0);"><img class="lazy" data-original="../../images/nav1.png"><br /><span>商品分类</span></a></li>
                <li><a href="javascript:void(0);" class="hover"><img class="lazy" data-original="../../images/nav2.png"><br /><span>充值</span></a></li>
                <li><a href="javascript:void(0);"><img src="../../images/nav3.png"><br /><span>领星币</span></a></li>
                <li><a href="javascript:void(0);"><img src="../../images/nav4.png"><br /><span>全民商探</span></a></li>
                <li><a href="javascript:void(0);"><img src="../../images/nav5.png"><br /><span>物流查询</span></a></li>
                <li><a href="javascript:void(0);"><img src="../../images/nav6.png"><br /><span>惠赚钱</span></a></li>
                <li><a href="javascript:void(0);"><img src="../../images/nav7.png"><br /><span>星粉联</span></a></li>
                <li><a href="javascript:void(0);"><img src="../../images/nav8.png"><br /><span>我的关注</span></a></li>
            </ul>

        </div>

        <!----------------滚动信息---------------------------->
        <div class="syhgdbg mbbottom sskbzdiv">
            <p class="sskbz"><img class="lazy" data-original="../../images/sskbz.png"></p>
            <ul class="syhg" id="noticelist">
                <li><a href="javascript:void(0);">限量首发 秒到手软 女神陪你过七夕1<span class="rejian"><img src="../../images/re.png"></span></a></li>
                <li><a href="javascript:void(0);">限量首发 女神陪你过七夕2<span class="rejian"><img src="../../images/re.png"></span></a></li>
                <li><a href="javascript:void(0);">限量首发 女神陪你过七夕3<span class="rejian"><img src="../../images/re.png"></span></a></li>
                <li><a href="javascript:void(0);">限量首发 女神陪你过七夕4<span class="rejian"><img src="../../images/re.png"></span></a></li>

            </ul>
        </div>
        <div class="ggtu1"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/ggtu1.jpg"></a></div>
        <!----------------产品模块一---------------------------->
        <div class="muokuaibg mbtopbottom">
            <h2 class="mkbiaoti mbbottom"><em>星粉星币</em><span>全场火热兑换中<b>></b></span></h2>
            <div class="mkyis mbbottom">
                <p class="mkytu1 mbright"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkytu1.jpg"></a></p>
                <p class="mkytu2">
                    <span class="mbbottom"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkytu2.jpg"></a></span>
                    <span><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkytu3.jpg"></a></span>
                </p>
            </div>
            <div class="mkyix">
                <dl class="chanpin mbright">
                    <dt><img class="lazy" data-original="../../images/mkytu4.jpg"></dt>
                    <dd>爱国者移动电源K10</dd>
                    <dd class="jinqian"><span class="jinbi"><b><img class="lazy" data-original="../../images/jbtub.jpg"></b>70</span>+<span class="money">￥24</span></dd>
                </dl>
                <dl class="chanpin mbright">
                    <dt><img class="lazy" data-original="../../images/mkytu5.jpg"></dt>
                    <dd>倩碧黄油乳液30ml</dd>
                    <dd class="jinqian"><span class="jinbi"><b><img class="lazy" data-original="../../images/jbtub.jpg"></b>70</span>+<span class="money">￥6</span></dd>
                </dl>
                <dl class="chanpin">
                    <dt><img class="lazy" data-original="../../images/mkytu6.jpg"></dt>
                    <dd>漫步者游戏耳机</dd>
                    <dd class="jinqian"><span class="jinbi"><b><img class="lazy" data-original="../../images/jbtub.jpg"></b>70</span>+<span class="money">￥102</span></dd>
                </dl>
            </div>
        </div>
        <div class="ggtu1"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/ggtu2.jpg"></a></div>
        <div class="muokuaibg mbtopbottom">
            <h2 class="mkbiaoti mbbottom"><em>星发现</em><span><b>></b></span></h2>
            <div class="mkyis mbbottom">
                <p class="mkytu1 mketu1 mbright"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mketu1.jpg"></a></p>
                <p class="mkytu2 mketu2">
                    <a href="javascript:void(0);"><img class="lazy" data-original="../../images/mketu2.jpg"></a>
                </p>
            </div>
            <div class="mkeix">
                <p class="mbright"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mketu3.jpg"></a></p>
                <p class="mbright"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mketu4.jpg"></a></p>
                <p class="mbright"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mketu5.jpg"></a></p>
                <p><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mketu6.jpg"></a></p>
            </div>
        </div>
        <div class="ggtu1"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/ggtu3.jpg"></a></div>
        <div class="muokuaibg mbtopbottom">
            <h2 class="mkbiaoti mbbottom"><em>品牌特惠</em><span><b>></b></span></h2>
            <div class="mkyis mbbottom">
                <p class="mkytu1 mkstu1"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkstu1.jpg"></a></p>
                <p class="mkytu2 mkstu2">
                    <span class="mkshz mbbottom"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkstu2.jpg"></a><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkstu3.jpg"></a></span>
                    <span class="mkshz mbbottom"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkstu4.jpg"></a><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkstu5.jpg"></a></span>
                    <span class="mkshz"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkstu6.jpg"></a><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkstu7.jpg"></a></span>
                </p>
            </div>
            <div class="mksx">
                <p class="mbright"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkstu8.jpg"></a></p>
                <p class="mbright"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkstu9.jpg"></a></p>
                <p><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkstu10.jpg"></a></p>
            </div>
        </div>
        <div class="ggtu1"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/ggtu4.jpg"></a></div>
        <div class="muokuaibg mbtopbottom">
            <h2 class="mkbiaoti mbbottom"><em>星店铺</em><span><b>></b></span></h2>
            <div class="mksis" id="xdp">
                <div id="wrapper">
                    <div id="scroller">

                        <div class="mksxdp" style="width:200px">
                            <p class="syxdp1 mbboder"><a href="#"><img class="lazy" data-original="../../images/xdptu1.jpg"></a></p>
                            <p class="syxdp2"><span><a href="#"><img class="lazy" data-original="../../images/xdptu3.jpg"></a></span><span class="margin5"><a href="#"><img class="lazy" data-original="../../images/xdptu2.jpg"></a></span></p>
                            <p class="sysdp3"><a href="#">美容护肤</a></p>
                        </div>
                        <div class="mksxdp" style="width:200px">
                            <p class="syxdp1"><a href="#"><img class="lazy" data-original="../../images/xdptu1.jpg"></a></p>
                            <p class="syxdp2"><span><a href="#"><img class="lazy" data-original="../../images/xdptu3.jpg"></a></span><span class="margin5"><a href="#"><img class="lazy" data-original="../../images/xdptu2.jpg"></a></span></p>
                            <p class="sysdp3"><a href="#">美容护肤</a></p>
                        </div>
                        <div class="mksxdp" style="width:200px">
                            <p class="syxdp1 mbboder"><a href="#"><img class="lazy" data-original="../../images/xdptu1.jpg"></a></p>
                            <p class="syxdp2"><span><a href="#"><img class="lazy" data-original="../../images/xdptu3.jpg"></a></span><span class="margin5"><a href="#"><img class="lazy" data-original="../../images/xdptu2.jpg"></a></span></p>
                            <p class="sysdp3"><a href="#">美容护肤</a></p>
                        </div>
                        <div class="mksxdp" style="width:200px">
                            <p class="syxdp1"><a href="#"><img class="lazy" data-original="../../images/xdptu1.jpg"></a></p>
                            <p class="syxdp2"><span><a href="#"><img class="lazy" data-original="../../images/xdptu3.jpg"></a></span><span class="margin5"><a href="#"><img class="lazy" data-original="../../images/xdptu2.jpg"></a></span></p>
                            <p class="sysdp3"><a href="#">美容护肤</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="muokuaibg mbtopbottom" id="fillmksisdiv">
        </div>

        <div class="muokuaibg mbtopbottom margin5">
            <div class="xdpx mbbottom">
                <p class="mbright"><a href="#"><span><i>沙宣魅力团</i><br /><b>￥155.0</b><br /><em>499.0</em></span><b></b><img class="lazy" data-original="../../images/xdpxtu1.jpg"></a></p>
                <p><a href="#"><span><i>八年泸州老窖</i><br /><b>￥488.0</b><br /><em>1030.0</em></span><b></b><img class="lazy" data-original="../../images/xdpxtu2.jpg"></a></p>
            </div>
            <div class="xdpx">
                <p class="mbright"><a href="#"><span><i>达利园</i><br /><b>￥8.3</b><br /><em>58.3</em></span><b></b><img class="lazy" data-original="../../images/xdpxtu3.jpg"></a></p>
                <p><a href="#"><span><i>倍俪工厂店</i><br /><b>￥155.0</b><br /><em>499.0</em></span><b></b><img class="lazy" data-original="../../images/xdpxtu4.jpg"></a></p>
            </div>
        </div>
        <div class="ggtu1"><a href="javascript:void(0);"><img class="lazy" data-original="../../images/ggtu5.jpg"></a></div>
        <div class="muokuaibg mbtopbottom">
            <h2 class="mkbiaoti mbbottom"><em>星主题</em><span><b>></b></span></h2>
            <div class="mklius mbbottom">
                <div class="mkliutu1 mbright">
                    <p class="mkliu1"><a href="#"><span><i>瓷肌黄金导航提拉套装补水保湿提拉紧致抗皱</i><br /><b>￥699.0</b></span><b></b><img class="lazy" data-original="../../images/mkwutu1.jpg"></a></p>
                </div>
                <div class="mkliutu2  mbbottom ">
                    <dl class="mkliu2 mbright">
                        <dt><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkwutu2.jpg"></a></dt>
                        <dd>中国梦 梦之蓝<br /><span>￥780.0</span></dd>
                    </dl>
                    <dl class="mkliu2">
                        <dt><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkwutu3.jpg"></a></dt>
                        <dd>奥利奥蛋糕<br /><span>￥188.0</span></dd>
                    </dl>
                </div>
                <div class="mkliutu2">
                    <dl class="mkliu2  mbright">
                        <dt><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkwutu4.jpg"></a></dt>
                        <dd>炫迈 薄荷口香糖<br /><span>￥18.0</span></dd>
                    </dl>
                    <dl class="mkliu2">
                        <dt><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkwutu5.jpg"></a></dt>
                        <dd>海信LED电视机<br /><span>￥2399.0</span></dd>
                    </dl>
                </div>
            </div>
            <div class="mkliux mbbottom">
                <dl class="mkliu2 mkliu3 mbright">
                    <dt><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkwutu6.jpg"></a></dt>
                    <dd>韶能 汽车安全用纸<br /><span>￥15.0</span></dd>
                </dl>
                <dl class="mkliu2 mkliu3 mbright">
                    <dt><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkwutu7.jpg"></a></dt>
                    <dd>飞利浦 无线监视器<br /><span>￥788.0</span></dd>
                </dl>
                <dl class="mkliu2 mkliu3">
                    <dt><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkwutu8.jpg"></a></dt>
                    <dd>宝宝纯棉内衣连体衣<br /><span>￥62.7</span></dd>
                </dl>
            </div>
            <div class="mkliux">
                <dl class="mkliu2 mkliu3 mbright">
                    <dt><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkwutu9.jpg"></a></dt>
                    <dd>创悦 多功能跑步机<br /><span>￥2399.0</span></dd>
                </dl>
                <dl class="mkliu2 mkliu3 mbright">
                    <dt><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkwutu10.jpg"></a></dt>
                    <dd>沙宣润发水150ml<br /><span>￥88.0</span></dd>
                </dl>
                <dl class="mkliu2 mkliu3">
                    <dt><a href="javascript:void(0);"><img class="lazy" data-original="../../images/mkwutu11.jpg"></a></dt>
                    <dd>尤妮佳MOMYKOPO尿片<br /><span>￥140.0</span></dd>
                </dl>
            </div>
        </div>
        <div class="cnxhdbg">
            <h2 class="cnxhdbiaoti"><span>猜你喜欢的</span></h2>
            <div class="cnxhd">
                <div class="syxhd">
                    <a href="javascript:void(0);">
                        <dl>
                            <dt><img class="lazy" data-original="../../images/cnxhdtu1.jpg"></dt>
                            <dd>Samsung/三星 Galaxy Tab3 7.0 SM-T210 WIFI 8GB三星平板电脑 </dd>
                            <dd class="xhmony">￥819.00</dd>
                        </dl>
                    </a>
                </div>
                <div class="syxhd mleft6">
                    <a href="javascript:void(0);">
                        <dl>
                            <dt><img class="lazy" data-original="../../images/cnxhdtu2.jpg"></dt>
                            <dd>飞利浦 儿童耳机头戴式双耳耳机蓝色 </dd>
                            <dd class="xhmony">￥296.0</dd>
                        </dl>
                    </a>
                </div>
                <div class="syxhd">
                    <a href="javascript:void(0);">
                        <dl>
                            <dt><img class="lazy" data-original="../../images/cnxhdtu3.jpg"></dt>
                            <dd>都市余味零食碧根果178g  </dd>
                            <dd class="xhmony">￥21.9</dd>
                        </dl>
                    </a>
                </div><div class="syxhd mleft6">
                    <a href="javascript:void(0);">
                        <dl>
                            <dt><img class="lazy" data-original="../../images/cnxhdtu4.jpg"></dt>
                            <dd>Samsung/三星 Galaxy Tab3 7.0 SM-T210 WIFI 8GB三星平板电脑 </dd>
                            <dd class="xhmony">￥1219.00</dd>
                        </dl>
                    </a>
                </div>
            </div>
        </div>
    </div>
    <!----------------底部定位---------------------------->
    <div class="footbg">
        <ul class="foot">
            <li><a href="javascript:void(0);"><img src="../../images/foottu1.png"><br />首页</a></li>
            <li><a href="javascript:void(0);"><img src="../../images/foottu2.png"><br />分类</a></li>
            <li><a href="javascript:void(0);"><img src="../../images/foottu3.png"><br />星粉星币</a></li>
            <li class="ftgwc"><a href="javascript:void(0);"><span>3</span><img src="../../images/foottu4.png"><br />购物车</a></li>
            <li><a href="javascript:void(0);"><img src="../../images/foottu5.png"><br />我的</a></li>
        </ul>
    </div>
    <div class="top" id="gotop" style="display:none"><a href="#"><img src="../../images/top.png" /></a></div>
</body>
</html>
